<!--
 * @Author: your name
 * @Date: 2020-08-02 14:09:07
 * @LastEditTime: 2020-08-05 21:45:51
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \project\羊绒产业园\源码\src\components\common\heads.vue
-->
<template>
  <div class="heads">
   <van-nav-bar
  :title="title"
  left-text=""  
  :left-arrow="LeftArrow"
  :border="false"
  @click-left="jump"
 
/>
<div class="place-holder"></div>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: "首页"
    }, 
     LeftArrow: {
      type: Boolean,
      default: true
    },   
  },
  data() {
    return {
     
    };
  },
  
  methods: { 
    //页面跳转
    jump() {
      let _this = this;
      _this.$router.go(-1)
    },
   
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.heads {
  .van-nav-bar{
    height: 1rem;
    line-height: 1rem;
      position: fixed;
    width: 100%;
    left:0;
    top: 0;
    z-index: 2;
    background: #5bbd97;
   
    .van-nav-bar__title{
 font-size: 0.3rem;
 color: #fff;
    }
    .van-icon{
      color: #fff;
    }
  }
  .place-holder{
    width: 100%;
    height: 1rem;;
  }
}
</style>
